<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>增删改查</title>
    <script src="../js/jquery-3.3.1.min.js"></script>
</head>
<body>
<table border="1">
    <thead>
        <tr>
            <td>选择</td>
            <td>名称</td>
            <td>数量</td>
            <td>单位</td>
            <td>操作</td>
         </tr>
    </thead>
    <tbody id="mainTable">
    <tr>
        <td>
            <input type="checkbox" class="check"/>
        </td>
        <td>
            999感冒灵
        </td>
        <td>
            15
        </td>
        <td>
            盒
        </td>
        <td>
            <button class="change">修改</button>
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox"class="check"/>
        </td>
        <td>
            急支糖浆
        </td>
        <td>
            5
        </td>
        <td>
            瓶
        </td>
        <td>
            <button  class="change">修改</button>
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox"class="check"/>
        </td>
        <td>
            青霉素
        </td>
        <td>
            150
        </td>
        <td>
            支
        </td>
        <td>
            <button class="change">修改</button>
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" class="check"/>
        </td>
        <td>
            葵花胃康灵
        </td>
        <td>
            78
        </td>
        <td>
            盒
        </td>
        <td>
            <button class="change">修改</button>
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" class="check"/>
        </td>
        <td>
            板蓝根
        </td>
        <td>
            80
        </td>
        <td>
            袋
        </td>
        <td>
            <button class="change">修改</button>
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" class="check"/>
        </td>
        <td>
            头孢拉定胶囊
        </td>
        <td>
            55
        </td>
        <td>
            盒
        </td>
        <td>
            <button class="change">修改</button>
        </td>
    </tr>
    </tbody>
    <tfoot>
    <tr>
        <td>
            <input type="checkbox" id="all"/>
            <label for="all">全选</label>
        </td>
        <td rowspan="4">
            <button id="delBtn">删除</button>
        </td>
    </tr>
    </tfoot>
</table>
<table  border="1">
    <tr>
        <td colspan="2">新增产品</td>
    </tr>
    <tr>
        <td >名称</td>
        <td><input type="text" id="goodsName"/></td>
    </tr>
    <tr>
        <td>数量</td>
        <td><input type="text"id="goodsNumber"/></td>
    </tr>
    <tr>
        <td>单位</td>
        <td><input type="text" id="goodsUnit"/></td>
    </tr>
    <tr>

        <td colspan="2"><button id="addBtn">确定增加</button></td>
    </tr>
</table>
<script src="../js/sy.js"></script>
</body>
</html>